// pages/guanli/guanli.js
Page({
  data:{
      list:[{
          status:true,
          name:'小强',
          age:20,
          sex:0,
          pic:"https://tse3-mm.cn.bing.net/th/id/OIP-C.zepYVVsnxa4U7dgAqoNH-QHaKR?w=135&h=187&c=7&r=0&o=5&dpr=1.5&pid=1.7"
      },{
          status:true,
          name:'小红',
          age:30,
          sex:1,
          pic:"https://tse3-mm.cn.bing.net/th/id/OIP-C.kRRpg2vlJfrg8g5X9PBEzAHaHa?w=180&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7"
      },{
          status:true,
          name:'小明',
          age:21, 
          sex:0,
          pic:"https://tse2-mm.cn.bing.net/th/id/OIP-C.rJk_cqmnkCUFkPlZaCoG8wHaEo?w=281&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7"
      }],
      name:"",   // 姓名
      age:null,    // 年龄
      range1:['男','女'], 
      // range2:['分手了','没分手'],
      sex:null,  // 性别
      status:false  // 情感状态
  },
  add(){
    console.log(this.data);
    const obj = {
      name:this.data.name,
      age:this.data.age,
      sex:this.data.sex,
      status:this.data.status
    }
    console.log(obj);
    this.setData({  
      list:[...this.data.list,obj]
    })
  }, 
  del(e){ 
    console.log(e.currentTarget.dataset.index);
    const index = e.currentTarget.dataset.index
    this.data.list.splice(index,1)
    // 用setData来改变页面 list控制 数据驱动页面
    this.setData({
      list:this.data.list
    })   
  },   

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})